﻿a{color:#555;}
a:hover{color: #2d497b; text-decoration: none;}
select,input,img,select,button,textarea{vertical-align:middle; font-family:Arial,'Microsoft YaHei'; -webkit-tap-highlight-color:rgba(0, 0, 0, 0); outline:none;}
.fll{float: left;}
.frr{float: right;}
.prr{position: relative;}
.clear{display:block;clear: both;}
.ovh{overflow:hidden;}
.tac{text-align:center;}
.wpui_wrapper{width:1280px; margin:0 auto; font-size: 14px;}
.wpui_wrapper h1,.wpui_wrapper h2,.wpui_wrapper h3,.wpui_wrapper h4,.wpui_wrapper h5,.wpui_wrapper h6{margin:0;padding:0;font-size:100%; font-weight:normal;}
body{overflow-x: hidden;}
.bgf{background: #fff;}
.wpui_content{width: 100%;}
.mgt80{margin-top: 80px;}
.mgb80{margin-bottom: 80px;}
.mgt30{margin-top: 30px;}
.mgb30{margin-bottom: 30px;}
.distable{display:table;}

.wpui_header{width: 100%; background: #2d3b59; height: 90px; line-height: 90px; z-index:11; box-shadow: 0 5px 20px 0px rgba(0, 22, 84, .08); position: relative;}
.wpui_header.fix{position: fixed; top: 0; box-shadow: 0 5px 20px 0px rgba(0, 22, 84, .08);}
.logo{float:left; line-height: 90px; height: 90px; width: 240px; position: relative; overflow: hidden;}
.logo img{max-height:60px; max-width: 235px; position: absolute; top: 0; left: 0; bottom: 0; margin: auto 0;}
.nav{width:760px; float: left; height: 90px; overflow: hidden;}
.nav li{font-size: 15px; font-weight: bold; position: relative; line-height:34px; float:left; margin: 0 4px;}
.nav li a{display: block; color:#fff; padding:0 18px; margin: 28px 0; border-radius: 5px;}
.nav li.a a, .nav li.a:hover a, .nav li:hover a, .nav li.hover a{background:#fff; color:#2d497b;}
.wpui_header_r{float: right; color: #fff; position: relative; z-index: 2; padding-left: 40px;}
.wpui_header_rbg{overflow: hidden; position: absolute; top: 0; left: 0;width: 5000px; height: 90px; z-index: -1;}
.wpui_header_rbg:before{content: '';width: 5000px; height: 90px; background: #2d497b; left: 30px; top: 0; position: absolute; z-index: -1; }
.wpui_header_rbg:after{content: ''; width: 50px; height: 110px; background: #2d497b; left:15px; top: -10px; position: absolute; z-index: -1;transform:rotate(15deg);-ms-transform:rotate(15deg);-moz-transform:rotate(15deg);-webkit-transform:rotate(15deg);-o-transform:rotate(15deg);}
.wpui_header_tel{font-size: 20px; font-weight: bold; background: url(../images/telico.png) no-repeat left center; padding-left: 30px; float: left;}
.wpui_header_user{float: right; position: relative; margin-left: 45px; height: 90px; cursor: pointer; line-height:30px;}
.wpui_header_user .wpui_header_nouserimg, .wpui_header_userimg img{width: 30px; height: 30px; border-radius: 30px; margin-top: 30px;}
.wpui_header_nouserbox{position: absolute; top: 90px; right: -15px; background: #2d497b; color: #fff; width: 100px; text-align: center; opacity: 0; visibility: hidden; line-height: 40px; font-size: 14px;transition: all 0.3s ease-out 0s; transform: translate3d(0px, 20px, 0px);  -moz-transform: translate3d(0px, 20px, 0px); -webkit-transform: translate3d(0px, 20px, 0px);}
.wpui_header_user:hover .wpui_header_nouserbox{opacity: 1; visibility: visible; transform: translate3d(0px, 0px, 0px); -moz-transform: translate3d(0px, 0px, 0px); -webkit-transform: translate3d(0px, 0px, 0px);}
.wpui_header_nouserbox a{color: #fff;padding:0 15px; display: block;}
.wpui_header_nouserbox i{width: 20px; height: 20px; display: inline-block; float: left; margin-top: 10px;}
.wpui_header_nouserbox i.icologin{background: url(../images/ico_login.png) no-repeat left center;}
.wpui_header_nouserbox i.icoreg{background: url(../images/ico_reg.png) no-repeat left center;}
.wpui_header_nouserbox a:hover{background:#2d3b59;}

.wpui_header_userbox{position: absolute; top: 90px; right: -15px; background: #fff; width: 240px; padding:15px 15px 15px 25px; box-shadow: 0 5px 20px 0px rgba(0, 22, 84, .08); opacity: 0; visibility: hidden; line-height: 40px; font-size: 14px;transition: all 0.3s ease-out 0s; transform: translate3d(0px, 20px, 0px);  -moz-transform: translate3d(0px, 20px, 0px); -webkit-transform: translate3d(0px, 20px, 0px);}
.wpui_header_user:hover .wpui_header_userbox{opacity: 1; visibility: visible; transform: translate3d(0px, 0px, 0px); -moz-transform: translate3d(0px, 0px, 0px); -webkit-transform: translate3d(0px, 0px, 0px);}
.wpui_header_userdl{width: 100%;}
.wpui_header_userdl dt{float: left;}
.wpui_header_userdl dt .wpui_member_box img{width: 50px; height: 50px; border-radius: 50%;}
.wpui_member_diy{padding:10px 0;}
.wpui_member_diy #diy-tg{float: initial !important;}
.wpui_header_userdl dd{padding-left: 70px; line-height: 24px;}
.wpui_header_userdl dd .wpui_member_myname a{color: #2d497b; font-size: 18px;}
.wpui_header_userdl dd .wpui_member_jifen{color: #888; font-size: 13px; margin-top:5px;}
.wpui_header_userdl dd .wpui_header_userbox_btnbox{width: 100%; overflow: hidden; margin-top:10px; font-size: 13px;}
.wpui_header_userdl dd .wpui_header_userbox_btnbox li{float: left; margin-right: 12px;}


.wpui_footer{background: #202020; color: #fff; width: 100%; overflow: hidden; font-size: 14px;}
.wpui_footer a{color: #fff;}
.wpui_footer a:hover{color: #fff; text-decoration: underline;}
.wpui_footer_top{width: 100%; overflow: hidden; padding:40px 0;}
.wpui_footer_topl{width: 35%; float: left;}
.wpui_footer_topm{width: 40%; float: left;}
.wpui_footer_topr{float: right; text-align: center;}
.wpui_footer_topr h1 img{width: 116px;}
.wpui_footer_topr h2{margin-top: 5px; opacity: 0.7;}
.wpui_footer_title{font-size: 18px; font-weight: bold; font-weight: bold; line-height: 40px;}
.wpui_footer_tel{ background: url(../images/foottel.png) no-repeat left center; font-size: 26px; font-weight: bold; padding-left: 44px; line-height: 40px; margin-top: 15px; letter-spacing: 1px;}
.wpui_footer_time{font-size: 14px; opacity: 0.7; margin-top: 20px;}
.wpui_footer_link a{float: left; margin:22px 90px 0 0; display: inline-block; line-height: 24px;}
.wpui_footer_bottom{padding:30px 0; text-align: center; opacity: 0.7; line-height: 36px; border-top: 1px #373737 solid;}

.banner{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1;width: 100%;height: 600px;}
.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;box-sizing:content-box;transform:translate3d(0px,0,0)}
.banner .swiper-slide {flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform;background-position: center; background-size: cover;}
.banner.swiper-container-fade .swiper-slide {pointer-events:none; transition-property:opacity;}
.banner .pagination{position:absolute;text-align:center;transition:.3s opacity;transform:translate3d(0,0,0);z-index:10}
.banner.swiper-container-horizontal>.swiper-pagination-bullets{bottom:20px;left:0;width:100%;}
.banner .swiper-pagination-bullet {width:8px;height:8px;display:inline-block;border-radius:8px; background:#fff; opacity:.6; margin:0 6px; cursor:pointer;}
.banner .swiper-pagination-bullet-active {opacity:1; width:22px;}
.banner .next, .banner .prev {width:70px; height:70px; position:absolute; top:50%; margin-top:-35px; background: url(../images/ban_jtico.png) no-repeat rgba(0,0,0,0.1); display:block; cursor:pointer; border-radius:5px; z-index: 2;}
.banner .prev:hover, .banner .next:hover{ background: url(../images/ban_jtico.png) no-repeat #2d497b;}
.banner .prev, .banner .prev:hover{left:5%; background-position:26px 20px;}
.banner .next, .banner .next:hover{right:5%; background-position:-44px 20px;}

.iaboutbg{background:#2d3b59;}
.iabout_lf{width:48%; float:left;}
.wpui_ctitle h1{font-size:30px; color:#a1aec4;}
.wpui_ctitle h2{font-size:24px; color:#2d497b; margin-top:5px;}
.iabout_txt{padding:30px 0; color:#555; font-size:14px; line-height:30px; width: 96%;}
.iabout_more{margin-bottom:55px; display:inline-block; width:158px; height:42px; line-height:42px; text-align:center; border-radius:42px; background:#2d497b; color:#fff;}
.iabout_more span{display:block;}
.iabout_more:hover span{opacity: 0;}
.iabout_more i{ background: url(../images/moreico.png) no-repeat center center;}
.iabout_more:hover i{display:block; width:100%; height:100%; margin-top:-42px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.iabout_img{width:92%; float:right;}
.iabout_img img{width:100%; margin-bottom:-50px;}
.iabout_numbox{color:#fff; font-size:14px; padding:90px 0 60px; width:100%; overflow:hidden;}
.iabout_numbox ul{width:60%; float:left;}
.iabout_numbox ul li{width:30.33%; float:left; margin-right:3%;}
.iabout_numbox ul li h2{font-size:36px; font-weight:bold; line-height:50px;}
.iabout_numbox ul li p{font-size:16px; margin-top:5px;}
.iabout_numbox h3{float:right; width:40%; text-align:right; line-height:36px; font-size:16px;}

.ywfwbg{background: url(../images/ywfwbg.jpg) no-repeat center bottom;}
.swiper-container-vertical>.swiper-wrapper {flex-direction:column}
.project{width:100%; position:relative; overflow: hidden; list-style:none; margin-top:20px; z-index:1;}
.project.swiper-container{width: 100%; height: 100%;}
.project .next, .project .prev {width:30px; height:30px; position:absolute; top: 50%; margin-top:-15px;
	background: url(../images/ywfw_jtico.png) no-repeat; display:block; cursor:pointer; z-index: 2; border-radius: 50%;}
.project .prev{left:0; background-position:7px 1px;}
.project .next{right:0; background-position:-43px 1px;}
.project .prev:hover{background-position:7px -41px;}
.project .next:hover{background-position:-43px -41px;}
.project .swiper-slide {flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform;}
.project.swiper-container-fade .swiper-slide {pointer-events:none; transition-property:opacity;}
.project dl{width: 80%; margin:0 auto; padding:30px 0; text-align: center; overflow: hidden;}
.project dl:hover{ background: #fff; box-shadow: 0px 5px 30px 0px rgba(0, 0, 0, 0.05);}
.project dl dt{ width:60%; margin:0 auto; padding-bottom:60%; position:relative; overflow:hidden;}
.project dl dt img{min-width: 100%; max-width:100%; min-height: 100%; border-radius:50%; object-fit: cover; display: block; margin:auto; position: absolute; top: 0; right: 0; left: 0; bottom: 0;}
.project dl dd{margin-top:25px;}
.project dl dd h2{font-size:18px; transition: all ease-in-out 0.3s;}
.project dl:hover dd h2{transform:translateY(-5px); -ms-transform:translateY(-5px); -webkit-transform:translateY(-5px);}
.project dl dd p{color:#999; font-size:14px; margin-top:8px; transition: all ease-in-out 0.5s;}
.project dl:hover dd p{transform:translateY(-3px); -ms-transform:translateY(-3px); -webkit-transform:translateY(-3px);}


.wpui_ctitle_rt{font-size:16px; color:#555; padding-top:10px; text-align:right;}
.wpui_ctitle_rt a{color:#2d497b;}
.wpui_goods{width:100%; display:table;}
.wpui_goods ul{width:102%;}
.wpui_goods li{width:31.33%; float:left; margin:25px 2% 0 0; background:#f9f9f9; position:relative;}
.wpui_goods li:hover{background:#fff; box-shadow: 0px 5px 30px 0px rgba(0, 0, 0, 0.05);}
.wpui_goods li a{padding:20px; display:block;}
.wpui_goods li h1{width:100%; padding-bottom:74%; position:relative; overflow:hidden;}
.wpui_goods li h1 img{min-width: 100%; max-width:100%; min-height: 100%; max-height:100%; object-fit: cover; display: block; margin:auto; position: absolute; top: 0; right: 0; left: 0; bottom: 0; -webkit-transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; -moz-transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; -o-transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}
.wpui_goods li:hover h1 img{transform: scale(1.1, 1.1);}
.wpui_goods li h2{font-size:18px; width:90%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; margin-top:20px;}
.wpui_goods li p{font-size:14px; color:#999; width:90%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; margin-top:10px;}
.wpui_goods li i{position:absolute; right:22px; bottom:22px; width:24px; height:14px; background: url(../images/goodsico.png) no-repeat; display:block; transition: all ease-in-out 0.3s;}
.wpui_goods li:hover i{transform:translateY(-30px); -ms-transform:translateY(-30px); -webkit-transform:translateY(-30px);}

.ysbg{background: url(../images/ysbg.jpg) no-repeat center 150px #20243d;}
.ysbg .wpui_ctitle h1, .ysbg .wpui_ctitle h2{color:#fff;}
.ysbg .wpui_ctitle h1{opacity:.4;}
.wpui_ysbox{width:100%; overflow:hidden; margin-top:30px;}
.wpui_ysbox ul{width:103%;}
.wpui_ysbox li{width:16%; float:left; margin:30px 3% 0 0; padding:50px 3%; background:#232a46; color:#fff; text-align:center;}
.wpui_ysbox li h1 img{width:88px;}
.wpui_ysbox li h2{padding:35px 0 15px; position:relative; font-size:18px;}
.wpui_ysbox li h2:after{content:''; width:28px; height:1px; background:#fff; position:absolute; left:50%; bottom:0; margin-left:-14px;}
.wpui_ysbox li p{margin-top:30px; opacity:.5; line-height:28px; font-size:13px; transition: all ease-in-out 0.3s;}
.wpui_ysbox li:hover h1 img{transform: rotateY(360deg); -webkit-transform: rotateY(360deg); transition: all 0.4s ease; -webkit-transition: all 0.4s ease;}
.wpui_ysbox li:hover p{transform:translateY(-5px); -ms-transform:translateY(-5px); -webkit-transform:translateY(-5px);}

.wpui_case{display:table; width:100%;}
.wpui_case ul{width:103%;}
.wpui_case li{width:47%; float:left; margin:40px 3% 0 0; position:relative;}
.wpui_case li h1{position:relative; width:100%; padding-bottom:48%; overflow:hidden;}
.wpui_case li h1 img{min-width: 100%; max-width:100%; min-height: 100%; max-height:100%; object-fit: cover; display: block; margin:auto; position: absolute; top: 0; right: 0; left: 0; bottom: 0; transition: all 0.4s ease; -webkit-transition: all 0.4s ease;}
.wpui_case li h3{position:absolute; top:70px; left:90px; right:90px; background:rgba(255,255,255,.9); padding:30px; text-align:center;transition: all ease-in-out 0.3s;}
.wpui_case li h3 span, .wpui_case li h3 em{width:100%; overflow:hidden; display:block; text-overflow:ellipsis; white-space:nowrap; line-height:50px; transition: all ease-in-out 0.3s;}
.wpui_case li h3 span{font-size:20px;}
.wpui_case li h3 em{font-size:14px; color:#999; border-top:1px #fff solid;}
.wpui_case li h3 i{background: url(../images/goodsico.png) no-repeat center center; height:14px; width:100%; display:block; position:absolute; left:0; bottom:0;  opacity:0; transition: all ease-in-out 0.3s;}
.wpui_case li:hover h3{background:#f9f9f9;}
.wpui_case li:hover h3 i{bottom:25px; opacity:1;}
.wpui_case li:hover h3 span, .wpui_case li:hover h3 em{transform:translateY(-15px); -ms-transform:translateY(-15px); -webkit-transform:translateY(-15px);}
.wpui_case li:hover{background:#f9f9f9;}
.wpui_case li:hover h1 img{transform: scale(1.1, 1.1);}
.casemore{width:216px; height:48px; line-height:48px; text-align:center; background:#e6e6e6; display:inline-block; font-size:14px;}
.casemore span{display:block;}
.casemore:hover span{opacity: 0;}
.casemore i{ background: url(../images/moreico.png) no-repeat center center;}
.casemore:hover{background:#2d497b;}
.casemore:hover i{display:block; width:100%; height:100%; margin-top:-48px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}

.bgf9{background:#f9f9f9;}
.w50{width:50%;}
.wpui_inews{width:100%; overflow:hidden;}
.wpui_inews_lf{ padding:25px 8%; background:#fff; margin-top:40px; overflow:hidden;}
.wpui_inews_lf dl{width:100%; overflow:hidden; padding:25px 0;}
.wpui_inews_lf dl dt{float:left; width:218px; height:136px; position:relative; overflow:hidden;}
.wpui_inews_lf dl dt img{min-width: 100%; max-width:100%; min-height: 100%; max-height:100%; object-fit: cover; display: block; margin:auto; position: absolute; top: 0; right: 0; left: 0; bottom: 0; transition: all 0.4s ease; -webkit-transition: all 0.4s ease;}
.wpui_inews_lf dl:hover dt img{transform: scale(1.1, 1.1);}
.wpui_inews_lf dl dd{padding-left:245px; font-size:14px;}
.wpui_inews_lf dl dd h2{font-size:16px; margin-top:3px; width:100%; position:relative;}
.wpui_inews_lf dl dd h2 span{ height: 24px; line-height: 24px; overflow: hidden;text-overflow:ellipsis; white-space: nowrap; width: 100%; display: block; -webkit-transition: all ease-in-out 0.3s; -moz-transition: all ease-in-out 0.3s; -o-transition: all ease-in-out 0.3s; transition: all ease-in-out 0.3s;}
.wpui_inews_lf dl dd h2:after{content: ''; width: 0; height: 1px; background: #2d497b; position: absolute; left:0; top:12px; -webkit-transition: all ease-in-out 0.3s; -moz-transition: all ease-in-out 0.3s; -o-transition: all ease-in-out 0.3s; transition: all ease-in-out 0.3s;}
.wpui_inews_lf dl:hover dd h2 span{transform:translateX(20px); -ms-transform:translateX(20px); -webkit-transform:translateX(20px);}
.wpui_inews_lf dl:hover dd h2:after{ width: 8px;}
.wpui_inews_lf dl dd p{color:#999; line-height:28px; height:56px; overflow:hidden; margin-top:12px; word-break: break-all;text-overflow: ellipsis; display: -webkit-box;  -webkit-box-orient: vertical; -webkit-line-clamp: 2; -webkit-transition: all ease-in-out 0.3s; -moz-transition: all ease-in-out 0.3s; -o-transition: all ease-in-out 0.3s; transition: all ease-in-out 0.3s;}
.wpui_inews_lf dl:hover dd p{transform:translateY(3px); -ms-transform:translateY(3px); -webkit-transform:translateY(3px);}
.wpui_inews_lf dl dd h3{margin-top: 18px; padding-left: 25px; background:url({STYLEIMGDIR}/timeico.png) no-repeat left center; color: #999;}
.wpui_inews_fr{padding:30px 10% 60px; background:#2d497b; font-size:14px; color:#fff; margin-top:40px; overflow:hidden;}
.wpui_inews_fr li{width:100%; overflow:hidden; line-height:82px; border-bottom:1px #5d7299 dashed; position:relative;}
.wpui_inews_fr li a{width:72%; float:left; color:#fff; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; display: block; -webkit-transition: all ease-in-out 0.3s; -moz-transition: all ease-in-out 0.3s; -o-transition: all ease-in-out 0.3s; transition: all ease-in-out 0.3s;}
.wpui_inews_fr li:after{content: ''; width: 0; height: 1px; background: #fff; position: absolute; left:0; top:50%; -webkit-transition: all ease-in-out 0.3s; -moz-transition: all ease-in-out 0.3s; -o-transition: all ease-in-out 0.3s; transition: all ease-in-out 0.3s;}
.wpui_inews_fr li:hover a{transform:translateX(20px); -ms-transform:translateX(20px); -webkit-transform:translateX(20px);}
.wpui_inews_fr li:hover:after{ width: 8px;}
.wpui_inews_fr em{float:right;}
.wpui_linkimg{width:100%; overflow:hidden; margin-top:20px;}
.wpui_linkimg ul{width:102%;}
.wpui_linkimg li{width:14.6%; float:left; margin:25px 2% 0 0;}
.wpui_linkimg li a{ padding-bottom:55%; position:relative; display:block; border:1px #eee solid; overflow:hidden;}
.wpui_linkimg li:hover a:after{ content:''; position:absolute; top:0; right:0; bottom:0; left:0; border:8px #f9f9f9 solid; z-index:2;}
.wpui_linkimg li a img{max-width:100%; max-height:100%; object-fit: cover; display: block; margin:auto; position: absolute; top: 0; right: 0; left: 0; bottom: 0;}

.wpui_nbanner{width:100%; height:230px; color:#fff;}
.wpui_nbannerprr{position: relative; height: 100%;}
.wpui_nbanner h1{font-size:14px; line-height: 24px; padding:76px 0 15px 120px; position:relative; color: #fff;}
.wpui_nbanner h1 i{ position:absolute; top:72px; left:52px; display:block; width:39px; height:39px; opacity:0.4;}
.wpui_nbanner h1 i:after, .wpui_nbanner h1 i:before{content:''; background:#fff; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%);}
.wpui_nbanner h1 i:after{width:100%; height:7px;}
.wpui_nbanner h1 i:before{width:7px; height:100%;}
.wpui_nbanner h1 em{ opacity:0.3; padding:0 10px;}
.wpui_nbanner h1 a{color: #fff; opacity:0.5;}
.wpui_nbanner h1 span{opacity: 0.5;}
.wpui_nbanner h1 a:hover{opacity: 0.8;}
.wpui_nbanner h1 .nvhm{ line-height: 24px !important; background: none !important;}
.wpui_nbanner h2{padding:0 0 0 120px; font-size:24px; position: relative;}
.wpui_nbannerprr .wpui_fabiaobtn{position: absolute; bottom: 0; right: 0;}
.wpui_nbannerprr .wpui_fabiaobtn a{display: inline-block; height: 30px; line-height: 30px; border-radius: 5px 5px 0 0; background: #2d497b; font-size: 14px; padding:0 15px; color: #fff; transition: all 0.3s linear;}
.wpui_nbannerprr .wpui_fabiaobtn a:hover{ color: #fff; padding:0 20px;}
.banner_yewu{ background:url(../images/banner_yewu.jpg) no-repeat center top; background-size:cover;}
.banner_goods{ background:url(../images/banner_goods.jpg) no-repeat center top; background-size:cover;}
.banner_news{ background:url(../images/banner_news.jpg) no-repeat center top; background-size:cover;}
.banner_case{ background:url(../images/banner_case.jpg) no-repeat center top; background-size:cover;}
.banner_about{ background:url(../images/banner_about.jpg) no-repeat center top; background-size:cover;}

.wpui_yewu{width:100%; overflow:hidden;}
.wpui_yewu li{width:100%; overflow:hidden; padding:70px 0;}
.wpui_yewu li dt{width:31%; float:left;}
.wpui_yewu li dt h1{ position:relative; width:100%; padding-bottom:65%; overflow:hidden;}
.wpui_yewu li dt h1 img{min-width: 100%; max-width:100%; min-height: 100%; max-height:100%; object-fit: cover; display: block; margin:auto; position: absolute; top: 0; right: 0; left: 0; bottom: 0;}
.wpui_yewu li dd{width:60%; float:right; text-align:right;}
.wpui_yewu li dd h2{color:#2d497b; font-size:24px; margin-top:20px;}
.wpui_yewu li dd p{font-size:14px; line-height:30px; height:60px; overflow:hidden; margin-top:20px;}
.wpui_yewu li dd .ywmore{margin-top:45px; display:inline-block; width:158px; height:42px; line-height:42px; text-align:center; border-radius:42px; background:#2d497b; color:#fff;}
.wpui_yewu li dd .ywmore span{display:block;}
.wpui_yewu li dd .ywmore:hover span{opacity: 0;}
.wpui_yewu li dd .ywmore i{ background: url(../images/moreico.png) no-repeat center center;}
.wpui_yewu li dd .ywmore:hover i{display:block; width:100%; height:100%; margin-top:-42px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.wpui_yewu li:nth-child(odd){background:#f9f9f9;}
.wpui_yewu li:nth-child(odd) dt{ float:right;}
.wpui_yewu li:nth-child(odd) dd{ float:left; text-align:left;}
.wpui_yewu li dl.no dd{width: 100%;}
.wpui_nmenu{width:100%; display:table; padding:24px 0;}
.wpui_nmenu li{float:left; margin:0 8px 0 0; font-size:15px; line-height:38px; position:relative; z-index:2;}
.wpui_nmenu li a{padding:0 20px; display:block;}
.wpui_nmenu li a:hover{background:#fff;}
.wpui_nmenu li a.on{ background:#2d497b; color:#fff;}
.wpui_nmenu li .wpui_nmenubox{position:absolute; top:38px; left:0; width:150px; max-height: 400px; overflow-y: auto; background:#f9f9f9; padding:10px; display:none;}
.wpui_nmenu li:hover .wpui_nmenubox{display:block;}
.wpui_nmenu li .wpui_nmenubox a{line-height:24px; padding:8px 20px; margin-top: 10px;}


.wpui_news{width:100%; overflow:hidden; margin-top:20px;}
.wpui_news_fl{width:70%; float:left;}
.wpui_news_list{width:100%; overflow:hidden; font-size:14px;}
.wpui_news_list dl{width: 100%; overflow: hidden; padding:25px 0; border-bottom:1px #eee solid;}
.wpui_news_list dl dt{float: left; width: 250px; height: 160px; position: relative; overflow: hidden; background: #f9f9f9;}
.wpui_news_list dl dt img{min-width: 100%; max-width:100%; min-height: 100%; max-height:100%; object-fit: cover; display: block; margin:auto; position: absolute; top: 0; right: 0; left: 0; bottom: 0;}
.wpui_news_list dl dd{padding-left: 288px;}
.wpui_news_list dl.no dd{padding-left: 0;}
.wpui_news_list dl dd h2{font-size: 18px; margin-top: 5px; position: relative;}
.wpui_news_list dl dd h2 span{ height: 24px; line-height: 24px; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; width: 100%; display: block;}
.wpui_news_list dl dd h2:after{content: ''; width: 0; height: 1px; background: #2d497b; position: absolute; left:0; top:12px; -webkit-transition: all ease-in-out 0.3s; -moz-transition: all ease-in-out 0.3s; -o-transition: all ease-in-out 0.3s; transition: all ease-in-out 0.3s;}
.wpui_news_list dl dd h2 span{ -webkit-transition: all ease-in-out 0.3s; -moz-transition: all ease-in-out 0.3s; -o-transition: all ease-in-out 0.3s; transition: all ease-in-out 0.3s; display: block;}
.wpui_news_list dl:hover dd h2:after{ width: 8px;}
.wpui_news_list dl:hover dd h2 span{transform:translateX(20px); -ms-transform:translateX(20px); -webkit-transform:translateX(20px);}
.wpui_news_list dl dd p{margin-top: 20px; color: #9c9c9c; line-height: 28px; height: 56px; overflow: hidden; -webkit-transition: all ease-in-out 0.3s; -moz-transition: all ease-in-out 0.3s; -o-transition: all ease-in-out 0.3s; transition: all ease-in-out 0.3s;}
.wpui_news_list dl:hover dd p{transform:translateY(5px); -ms-transform:translateY(5px); -webkit-transform:translateY(5px);}
.wpui_news_list dl dd h3{margin-top: 30px; padding-left: 25px; background:url(../images/timeico2.png) no-repeat left 1px; color: #9c9c9c; line-height:20px;}
.wpui_news_fr{width:25%; float:right;}
.wpui_news_frbox{ overflow:hidden; margin-top:25px;}
.wpui_news_frtitle{padding:0 20px; overflow:hidden; background:#f9f9f9; border:1px #eee solid; border-bottom-width:0; line-height:52px; font-size:18px;}
.wpui_news_frhot{padding:0 20px 20px; border:1px #eee solid;} 
.wpui_news_frhot dl{width:100%; overflow:hidden; text-align:center; margin-top:20px;}
.wpui_news_frhot dl dt{width:100%; padding-bottom:64%; position:relative; overflow:hidden;}
.wpui_news_frhot dl dt img{min-width: 100%; max-width:100%; min-height: 100%; max-height:100%; object-fit: cover; display: block; margin:auto; position: absolute; top: 0; right: 0; left: 0; bottom: 0; -webkit-transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; -moz-transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; -o-transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}
.wpui_news_frhot dl:hover dt img{transform: scale(1.1, 1.1);}
.wpui_news_frhot dl dd{margin-top:10px; font-size:14px;}
.wpui_news_frnew{padding:10px 20px; overflow:hidden; border:1px #eee solid;}
.wpui_news_frnew li{width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:14px; line-height:44px; position:relative;}
.wpui_news_frnew li i{width:6px; height:6px; border-radius:6px; display:block; background:#bbbbbb; position:absolute; top:19px; left:0;}
.wpui_news_frnew li a{padding-left:22px; -webkit-transition: all ease-in-out 0.3s; -moz-transition: all ease-in-out 0.3s; -o-transition: all ease-in-out 0.3s; transition: all ease-in-out 0.3s; display:block;overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.wpui_news_frnew li a:hover{transform:translateX(8px); -ms-transform:translateX(8px); -webkit-transform:translateX(8px);}


.wpui_caselist{display:table; width:100%;}
.wpui_caselist ul{width:103%;}
.wpui_caselist li{width:47%; float:left; margin:40px 3% 0 0; position:relative;}
.wpui_caselist li h1{position:relative; width:100%; padding-bottom:48%; overflow:hidden;}
.wpui_caselist li h1 img{min-width: 100%; max-width:100%; min-height: 100%; max-height:100%; object-fit: cover; display: block; margin:auto; position: absolute; top: 0; right: 0; left: 0; bottom: 0; transition: all 0.4s ease; -webkit-transition: all 0.4s ease;}

.wpui_caselist li h3{width:70%; margin:-60px auto 0; background:#f9f9f9; position:relative; z-index:1; padding:30px; text-align:center;transition: all ease-in-out 0.3s;}
.wpui_caselist li h3 span, .wpui_caselist li h3 em{width:100%; overflow:hidden; display:block; text-overflow:ellipsis; white-space:nowrap; line-height:50px; height: 50px; transition: all ease-in-out 0.3s;}
.wpui_caselist li h3 span{font-size:20px;}
.wpui_caselist li h3 em{font-size:14px; color:#999; border-top:1px #fff solid;}
.wpui_caselist li h3 a{height:40px; line-height:40px; width:142px; border:1px #2d497b solid; color:#2d497b; font-size:14px; text-align:center; display:inline-block; position:relative;}
.wpui_caselist li h3 a b{width:100%; display:block;}
.wpui_caselist li h3 a:hover{background:#2d497b;}
.wpui_caselist li h3 a:hover b{opacity: 0;}
.wpui_caselist li h3 a i{ background: url(../images/moreico.png) no-repeat center center;}
.wpui_caselist li h3 a:hover i{display:block; width:100%; height:100%; margin-top:-40px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}

.wpui_pad30{padding:30px; overflow: hidden; line-height: 30px;}
.wpui_abouttxt{width:90%; padding:0 5%; overflow:hidden; line-height:30px; font-size:14px; color:#555; margin-top:20px;}
.wpui_aboutmenu{width:100%; text-align:center; margin-top:-77px; position:relative; z-index:1; background:#fff;}
.wpui_aboutmenu ul{display:inline-block; margin:35px auto 0;}
.wpui_aboutmenu li{float:left; margin:0 8px;}
.wpui_aboutmenu li a{background:#f8f8f8; height:42px; line-height:42px; display:block; padding:0 25px; font-size:15px;}
.wpui_aboutmenu li.on a{color:#fff; background:#2d497b;}
.wpui_yjbg{background:#2d497b; position:relative;}
.wpui_yj_cbg{position:absolute; width:50%; height:100%; top:0; left:0; background: url(../images/about_yjimg.jpg) no-repeat right center; background-size:cover; z-index: 1;}
.wpui_yjbox{width:42%; float:right; color:#fff;}
.wpui_yjtxt{color:#fff; font-size:14px; line-height:36px; margin-top:30px; width:100%; overflow:hidden;}
.wpui_yjbox .wpui_ctitle h1, .wpui_yjbox .wpui_ctitle h2{color:#fff;}
.wpui_yjbox .wpui_ctitle h1{opacity:.4;}
.wpui_hjimg{width:100%; overflow:hidden; margin-top:20px;}
.wpui_hjimg ul{width:102%;}
.wpui_hjimg li{width:23%; float:left; margin:30px 2% 0 0; overflow:hidden;}
.wpui_hjimg li h1{width:100%; position:relative; padding-bottom:68%;}
.wpui_hjimg li h1 img{min-width: 100%; max-width:100%; min-height: 100%; max-height:100%; object-fit: cover; display: block; margin:auto; position: absolute; top: 0; right: 0; left: 0; bottom: 0; transition: all 0.4s ease; -webkit-transition: all 0.4s ease;}
.wpui_lcbox{width:100%; margin-top:40px;}
.wpui_hjimg li:hover h1 img{transform: scale(1.1, 1.1);}
.wpui_lcbox dl{width:100%; overflow:hidden; padding:20px 0; position:relative;}
.wpui_lcbox dl:after{content:''; position:absolute; top:0; left:50%; margin-left:-3px; width:6px; height:100%; background:#f5f5f5;}
.wpui_lcbox dl dt{width:112px; height:112px; line-height:112px; border-radius:50%; position:absolute; top:50%; left:50%; margin:-56px 0 0 -56px; text-align:center; box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1); background:#fff; z-index:1; color:#888; font-size:28px; font-weight:bold;}
.wpui_lcbox dl dd h1, .wpui_lcbox dl dd .wpui_lctxt{width:39%;}
.wpui_lcbox dl dd{ line-height:36px; color:#555; font-size:14px; width:100%; overflow:hidden;}
.wpui_lcbox dl dd h1{float:left;}
.wpui_lcbox dl dd .wpui_lctxt{float:right; padding-top:50px;}
.wpui_lcbox dl:nth-child(even) dd h1{float:right;}
.wpui_lcbox dl:nth-child(even) dd .wpui_lctxt{float:left;}
.wpui_zzbg{ background: url(../images/about_rybg.jpg) no-repeat center center #f9f9f9; background-size:cover;}
.wpui_zizbox{width:100%; display:table;}
.wpui_zizbox ul{width:104%;}
.wpui_zizbox li{width:29.33%; float:left; margin:40px 4% 0 0; display:inline-block;}
.wpui_zizbox li h1{background:#fff; border:22px #fff solid; transition: all 0.4s ease; -webkit-transition: all 0.3s ease;}
.wpui_zizbox li h1:hover{box-shadow: 0px 5px 30px 0px rgba(0, 0, 0, 0.05);transform:translateY(-10px); -ms-transform:translateY(-10px); -webkit-transform:translateY(-10px);}
.wpui_zizbox li h1 span{width:100%; padding-bottom:75%; display:block; overflow:hidden; position:relative;}
.wpui_zizbox li h1 img{ max-width:100%; max-height:100%; object-fit: cover; display: block; margin:auto; position: absolute; top: 0; right: 0; left: 0; bottom: 0;}
.wpui_zizbox li h2{text-align:center; font-size:16px; color:#555; margin-top:15px;}

.wpui_contact{width: 100%; overflow:hidden; padding:60px 0; background: #fff;font-size: 14px; position: relative;}
.lxbox_l{width: 26%; padding: 0 5% ; float: left;}
.lxbox_l h1{font-size: 30px; line-height: 48px;}
.lxbox_l h2{font-size: 30px; margin-top:20px;}
.lxbox_l p{ margin-top:20px; color: #888;}
.lxbox_l .lxkfbtn{padding:0 25px; height: 50px; line-height: 50px; text-align: center; color: #fff; background: #2d497b; font-size: 24px; display: inline-block; margin-top:30px;}
.lxbox_m{width: 36%; float: left;}
.lxbox_m h1{color: #2d497b; font-size: 24px;}
.lxbox_m p{color: #888; margin-top:15px;}
.lxbox_mtxt{width: 100%; overflow: hidden; display: block; margin-top:40px; padding-top: 30px; position: relative; line-height: 36px;}
.lxbox_mtxt:after{content: ''; width: 12px; height: 1px; background: #9fa19f; position: absolute; top: 0; left: 0;}
.lxbox_r{width: 25%; float:right; text-align: center;}
.lxbox_r h1 img{width:70%; margin-top:10px;}
.lxbox_r h3{margin-top:20px; line-height: 28px; font-size:16px; color:#555;}
.wpui_maplist{width:100%; overflow:hidden; margin-top:60px;}
.wpui_maplist ul{width:105%;}
.wpui_maplist li{width:45%; float:left; margin:0 5% 60px 0; background:#fff; position:relative; height:236px;}
.wpui_mapimg{position:absolute; top:0; right:0; bottom:0; width:47%; overflow:hidden;}
.wpui_mapimg img{min-width: 100%; max-width:100%; min-height: 100%; max-height:100%; object-fit: cover; display: block; margin:auto; position: absolute; top: 0; right: 0; left: 0; bottom: 0;}
.wpui_mapinfo{padding:20px 5%; width:43%; line-height:30px; font-size:14px; color:#555;}
.wpui_maptit{font-size:24px; color:#2d497b; padding-bottom:20px; position:relative;}
.wpui_maptit:after{content:''; width:38px; height:2px; background:#2d497b; position:absolute; left:0; bottom:0;}
.wpui_maptxt{margin-top:20px;}
.wpui_job{width:100%;}
.wpui_job dl{padding:40px; overflow:hidden; display:block; line-height:30px; font-size:14px; border-bottom:1px #e5e5e5 dashed;}
.wpui_job dl:last-child{border-bottom-width:0;}
.wpui_job dl dt{width:100%; overflow:hidden;}
.wpui_job dl dt span{float:left; font-size:20px; font-weight:bold; display:inline-block; padding-left:30px; position:relative;}
.wpui_job dl dt span:after{content:''; width:4px; height:16px; background:#2d497b; position:absolute; top:50%; left:0; margin-top:-8px;}
.wpui_job dl dt em{float:right; color:#999;}
.wpui_job dd{ overflow:hidden; padding:30px 30px 0;}

.news_xglist{padding:0 20px 20px;}
.news_xglist dl{width: 100%; overflow: hidden; margin-top: 25px;}
.news_xglist dl dt{float: left; width: 120px; height: 80px; position: relative; overflow: hidden; background: #f8f8f8;}
.news_xglist dl dt img{min-width: 100%; max-width:100%; min-height: 100%; max-height:100%; object-fit: cover; display: block; margin:auto; position: absolute; top: 0; right: 0; left: 0; bottom: 0; -webkit-transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; -moz-transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; -o-transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}
.news_xglist dl dd{padding-left: 136px;}
.news_xglist dl dd h2{font-size: 14px; font-weight: bold; margin-top: 2px; position: relative;}
.news_xglist dl dd h2 span{ height: 44px; line-height: 22px; overflow: hidden; width: 100%; display: block;}
.news_xglist dl dd h2:after{content: ''; width: 0; height: 1px; background: #305dc3; position: absolute; left:0; top:12px; -webkit-transition: all ease-in-out 0.3s; -moz-transition: all ease-in-out 0.3s; -o-transition: all ease-in-out 0.3s; transition: all ease-in-out 0.3s;}
.news_xglist dl dd h2 span{ -webkit-transition: all ease-in-out 0.3s; -moz-transition: all ease-in-out 0.3s; -o-transition: all ease-in-out 0.3s; transition: all ease-in-out 0.3s; display: block;}
.news_xglist dl:hover dd h2:after{ width: 8px;}
.news_xglist dl:hover dd h2 span{transform:translateX(20px); -ms-transform:translateX(20px); -webkit-transform:translateX(20px);}
.news_xglist dl dd h3{margin-top: 12px; color: #9c9c9c; font-size: 13px;}
.wpui_casenycont{padding:10px 30px 50px; overflow:hidden;}
.wpui_casedetail_title{ font-size:20px; font-weight:bold; text-align:center;}
.wpui_casedetail{padding:30px 0; line-height:30px; overflow: hidden; width: 100%;}
.wpui_detail_t{width: 100%; margin-top: -75px; height:75px; line-height:75px; position: relative; z-index: 1; background: #fff; overflow:hidden;}
.wpui_weizi{float:left; padding-left:30px;}
#wp .wpui_weizi #pt{width:initial; float: left; margin:23px 0 0; line-height: 29px; color: #2d497b;}
.wpui_casebj{padding-right:30px;}
.frbuttonbox{float: right;}
.frbuttonbox.frno{float: initial; text-align: center;}
.frbuttonbox span{margin-left: 12px;}
.wpui_frbot{margin-top: 25px;}
.wpui_casedetail_time{margin-top:20px; text-align:center; color:#888; background:#f9f9f9; padding:15px 0;}
.wpui_zaiyao{margin-top:20px; color:#666; background:#f9f9f9; padding:20px;}
.wpui_zaiyao h2{font-size:18px; font-weight:bold;}
.wpui_zaiyaotxt{margin-top:10px; line-height:24px; text-indent:2em;}
.wpui_newsnycont{padding:0 30px 50px; overflow:hidden;}
.wpui_newsdetail_title{font-size:20px; font-weight:bold; margin-top:25px; text-align:center;}
.wpui_newsdetail_time{margin-top:20px; color:#888; background:#f9f9f9; padding:15px; overflow:hidden;}
.wpui_newsdetail_time .fll span{margin-right: 12px;}
.wpui_updownsbox{width:100%; overflow:hidden; padding:10px 0 30px;}
.wpui_updownsbox a{width:44%; padding:20px 2%; display:block; background:#f9f9f9;}
.wpui_updownsbox a em, .wpui_updownsbox a span{width:100%; overflow:hidden; display:block; text-overflow:ellipsis; white-space:nowrap;}
.wpui_updownsbox a em{color:#888;}
.wpui_updownsbox a span{font-weight:bold; margin-top:10px;}
.wpui_updownsbox a.nex_upbox{float:left;}
.wpui_updownsbox a.nex_downbox{float:right;}
.wpui_newsxg_cont{width:100%; overflow:hidden; padding:20px 0 30px;}
.wpui_newsxg_title{font-size:20px; font-weight:bold;}
.wpui_newsxg_box{width:100%; overflow:hidden;}
.wpui_newsxg_box ul{width:104%;}
.wpui_newsxg_box li{width:29.33%; float:left; margin:20px 4% 0 0;}
.wpui_newsxg_box li h1{width:100%; padding-bottom:64%; position:relative; overflow:hidden;}
.wpui_newsxg_box li h1 img{min-width: 100%; max-width:100%; min-height: 100%; max-height:100%; object-fit: cover; display: block; margin:auto; position: absolute; top: 0; right: 0; left: 0; bottom: 0; -webkit-transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; -moz-transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; -o-transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}
.wpui_newsxg_box li h1 em{position: absolute; bottom: 10px; left: 10px; z-index: 2; background: #2d497b; color: #fff; line-height: 20px; padding:0 10px;}
.wpui_newsxg_box li h2{ font-weight:bold; margin-top:12px; width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.wpui_newsxg_box li h3{color:#888; font-size:12px; margin-top:10px; line-height:20px; height:40px; overflow:hidden;}
.wpui_newsxg_box li p{margin-top:8px; color:#999; font-size:12px;}
.wpui_goods_fl{width:76%; float:left;}
.wpui_goods_fr{width:20%; float:right;}
.wpui_goodsfnl{margin-top:25px; background:#f9f9f9;}
.wpui_goodsfnl_title{padding:0 20px; line-height:52px; background:#2d497b; color:#fff; font-size:18px;}
.wpui_goodsfnl_box{padding:20px; overflow:hidden;}
.wpui_goodsfnl_box li{width:100%; overflow:hidden; padding:8px 0; font-size:15px; line-height:24px; position:relative;}
.wpui_goodsfnl_box li:after{content:''; position:absolute; top:17px; left:0; width:6px; height:6px; border-radius:50%; background:#2d497b;}
.wpui_goodsfnl_box li a{padding-left:20px; display:block;}
.wpui_shoucang a, .wpui_fenxianga a, .wpui_yaoqing a{padding-left: 18px;}
.wpui_shoucang a{background: url(../images/wpui_shoucang.png) no-repeat left center;}
.wpui_fenxianga a{background: url(../images/wpui_fenxianga.png) no-repeat left center;}
.wpui_yaoqing a{background: url(../images/wpui_yaoqing.png) no-repeat left center;}
.page{width: 100%; overflow: hidden;}

.wpui_insert_share{width: 100%; overflow: hidden; padding:30px 0 ; text-align: center;}
.wpui_share{display: inline-block; margin:0 auto;}
.wpui_share span{float: left; margin-right:10px; line-height: 20px; background: url(../images/share_ico.png) no-repeat left center; display: block; padding-left: 22px;}
.wpui_share a{display: block !important; float: left; line-height: 20px; margin:0 5px !important;}
.wpui_supported_member_title{text-align: center;}
.wpui_supported_member{text-align: center; margin-top: 15px;}
.wpui_supported_member ul{display: inline-block; margin:0 auto;}
.wpui_supported_member li{float: left; margin-left:-8px;}
.wpui_supported_member li img{width: 35px; height: 35px; border-radius: 100%;}
.wpui_atd_support{text-align: center; width: 100%; overflow: hidden;}
.wpui_atd_support ul{margin:0 auto; display: inline-block;}
.wpui_atd_support li{float: left; margin:0 5px 20px;}
.wpui_atd_support li a{ width: 58px; height:58px; border-radius: 100%; display: block; background: url(../images/zanico.png) no-repeat center center #2d497b;}
.wpui_atd_support li{display: none;}
.wpui_atd_support li:nth-child(1){display: block;}


/*论坛*/
.wpui_forumbanner{width: 100%; height: 180px; background: #2d497b; color: #fff;}
.wpui_forumbanner h2{text-align: center; font-size: 24px; padding-top: 70px;}
.wpui_charttop{width: 100%; margin-top: 30px; overflow: hidden;}
.wpui_charttop .chart{color: #a3afc5;}
.wpui_charttop .chart em, .wpui_charttop a{color: #fff;}
.wpui_charttop .pipe{margin:0 10px; color: #8192b0;}
.wpui_ltmenu{width:100%; display:table; padding:20px 0 0;}
.wpui_ltmenu li{float:left; margin:0 8px 0 0; font-size:16px; line-height:45px; position:relative; z-index:2;}
.wpui_ltmenu li a{padding:0 25px; display:block;}
.wpui_ltmenu li a:hover{background:#fff;}
.wpui_ltmenu li.on a{ background:#fff; color:#2d497b; border:1px #eee solid; border-bottom-width: 0; font-weight: bold;}
.wpui_forum_box{display: none; width: 100%; overflow: hidden;}
.wpui_forum_box:nth-child(1){display: block;}
.wpui_forum_box ul{width: 103%; padding:0 0 50px; display: block; overflow: hidden;}
.wpui_forum_box li{float: left; width: 18%; margin:32px 3% 0 0; background: #f9f9f9; padding:20px 2%; border-radius: 5px;}
.wpui_forum_box li .forum_band_icon{float: left;}
.wpui_forum_box li .forum_band_icon img{width: 62px; height: 62px;}
.wpui_forum_box li dl{padding-left:80px; line-height: 20px;}
.wpui_forum_box li dl dt{font-size: 16px; font-weight: bold; padding-bottom: 5px;}
.wpui_forum_box li dl dd{font-size: 12px; color: #888; width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.wpui_forum_box li dl dd a{color: #888;}
.formdis_banner{width: 100%; height: 200px; background: #2d497b; color: #fff; text-align: center;}
.formdis_banner h1{color: #fff;}
.formdis_banner h1, .ltnbanner h1, .guidebanner h1{font-size: 14px;line-height: 20px; height: 20px; padding: 50px 0 20px 0;position: relative;}
.formdis_banner h1 a{color: #fff; position: relative; top: -5px;}
.formdis_banner h1 em{width: 20px; height: 20px; display: inline-block; background: url(../images/forum/jtico.png) no-repeat center center; text-indent: -999em; overflow: hidden;}
.formdis_banner h2, .ltnbanner h2{ font-size: 24px; position: relative;}
.wpui_forumdis_top{background: #fff; position: relative; z-index: 1; margin: -30px 0 30px; box-shadow:0 0 8px 0 rgba(0,0,0,0.1); width: 100%;}
.wpui_forumdis_topbox{padding:15px 20px; line-height: 30px;}
.wpui_forumdis_topfl{font-size: 14px;}
.wpui_forumdis_topbox .xi1{color: #2d497b;}
.wpui_forumdis_topbox .pipe{margin:0 10px;}
.wpui_forumdis_topfr{float: right;}
.wpui_forumdis_topfr ul{float: left;}
.wpui_forumdis_topfr li{float: left; margin-left: 25px;}
.wpui_forumdis_topfr li em{color: #2d497b;}
.wpui_forumdis_topfr li a{display: block; padding-left: 20px;}
.wpui_forumdis_topfr li.wpui_forum_favorite a{background: url(../images/forum/icofav.png) no-repeat left center;}
.wpui_forumdis_topfr li.wpui_langcps a{background: url(../images/forum/icolangcps.png) no-repeat left center;}
.wpui_forumdis_topfr li.wpui_forum_recyclebin a{background: url(../images/forum/icorecyclebin.png) no-repeat left center;}
.wpui_forumdis_topfr li.wpui_send_posts a{background: url(../images/forum/icoposts.png) no-repeat left center; color: #2d497b;}
.wpui_subforum_title{font-size: 15px;}
.wpui_subforum{width: 100%; overflow: hidden;}
.wpui_subforum ul{width: 103%; padding:0 0 20px; display: block; overflow: hidden;}
.wpui_subforum li{float: left; width: 22%; margin:20px 3% 0 0;}
.wpui_subforum li .wpui_subforum_icon{float: left;}
.wpui_subforum li .wpui_subforum_icon img{width: 62px; height: 62px;}
.wpui_subforum li dl{padding-left:80px; line-height: 20px;}
.wpui_subforum li dl dt{font-size: 16px; font-weight: bold; padding-bottom: 5px;}
.wpui_subforum li dl dd{font-size: 12px; color: #888; width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.wpui_subforum li dl dd a{color: #888;}
.wpui_subforum li dl dd em{margin-right: 10px;}
.wpui_forumdis_frame{ box-shadow:0 0 8px 0 rgba(0,0,0,0.1); padding:20px; margin-bottom: 20px;}
.wpui_forumdis_biaotou{width: 100%; display: table; line-height: 20px;}
.wpui_forumdis_sorttypes{float: left;}
.wpui_forumdis_sorttypes li{float: left; margin-right: 20px;}
.wpui_forumdis_sorttypes li a{color: #555;}
.wpui_forumdis_sorttypes li a:hover{color: #2d497b;}
.wpui_selectarray{float: right;}
.wpui_selectiterm{float: left;}
.wpui_selectiterm_span{float: left; color: #ccc; padding:0 10px;}
.wpui_selectiterm a{color: #555; font-weight: normal;}
.wpui_selectiterm a i{ float: right; display: inline-block;width: 0px; height: 0px; border: 5px solid transparent; border-top-color: #999; margin:8px 0 0 5px;}
.wpui_selectiterm a:hover{color: #2d497b;}
.wpui_selectiterm a:hover i{ border-top-color: #2d497b;}
.wpui_ancmtlist{margin-top: 20px; width: 100%; overflow: hidden; line-height: 20px; position: relative; border-top: 1px #eee dashed; padding:20px 0;}
.wpui_announcement{ float: left; margin-right: 10px;}
.wpui_announcement img{margin:1px 8px 0 0; float: left;}
.wpui_amtcontent{float: left; width: 480px;}
.wpui_anmtauthor{width: 100px; position: absolute; float: left; right: 120px;}
.wpui_anmtdate{float: right;}
.wpui_active_gridsbox{width: 100%; padding-top: 20px;}
#separatorline{width: 100%; padding: 20px 0; overflow: hidden; margin-top: 20px;}
.wpui_shuaxibtn{display: inline-block; float: left; border: 1px solid #eee; border-radius: 35px; padding:0 20px 0 40px; height: 35px; line-height: 35px; font-size: 12px; color: #555; background: url(../images/forum/suaico.png) no-repeat 15px center; font-size: 14px;}
.wpui_shuaxibtn:hover{background: url(../images/forum/suaico_on.png) no-repeat 15px center;color: #2d497b;}
.wpui_forumlists{border-bottom: 1px dashed #eee; width: 100%;}
.wpui_forumlists_dl{padding:20px;}
.wpui_forumlists_dl:hover{background: #f9f9f9;}
.wpui_forumlists_dt{width: 100%; margin-bottom: 10px; display: table; line-height: 22px;}
.wpui_forumlists_dd{width: 100%; line-height: 22px; display: table; margin-top: 20px; font-size: 13px;}
.wpui_forumlists_dttop{}
.wpui_forumlists_dttoptitle { float: left; max-width: 500px; height: 20px; line-height: 20px; margin-right: 5px; overflow: hidden;}
.wpui_sorttypes{float: left;}
.wpui_sorttypes em{display: block;height: 20px;line-height: 20px; margin: 0 10px 0 0; padding: 0 3px; color: #f3f3f3; overflow: hidden; background: #f3f3f3; border-radius: 3px;}
.wpui_forumlists_dttoptitle span{display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.wpui_forumlists_dttoptitle span a { display: inline-block; max-width: 100%; text-overflow: ellipsis; white-space: nowrap; font-size: 15px; font-weight: bold; overflow: hidden; }
.wpui_forumlists_dttopicon{margin-left: 5px; float: left;}
.wpui_forumlists_dttopinp{float: left;}
.wpui_forumlists_dttopinp input{float: left; margin: 4px 10px 0 0;}
.wpui_forumlists_dttopicon img{display: block;float: left;margin-right: 5px;}
.wpui_forumlists_ddinfo{float: left;}
.wpui_forumlists_ddinfo ul li { float: left;color: #777;}
.wpui_forumlists_ddinfo ul em {display: block;width: 1px;height: 10px; background: #ddd;margin: 5px 15px; float: left;}
.wpui_forumlists_ddinfo ul li i{color: #999; padding-left: 5px;}
.wpui_forumlists_name{float: left;}
.wpui_forumlists_name a img{border-radius: 50%; float: left; width: 22px; height: 22px;}
.wpui_forumlists_name a span{color: #555; margin-left: 10px; display: inline-block;}
.wpui_forumlists_name a:hover span{color: #2d497b;}
.wpui_forumlists_ddfr{float: right;}
.wpui_forumdis_sort .cttp .unfold, .wpui_forumdis_sort .cttp .fold{margin: 5px -40px 9px 0; padding:0 10px; background-color:#fff; width: 32px;}

/*瀑布流*/
.wpui_ltncontent{padding:40px; display: table; width: 1200px; margin: -50px auto 0; background: #fff; font-size: 14px;}
.wpui_forumwaterwill{width:100%; padding-top: 10px;}
.waterfall{ margin-top: 0px; }
.waterfall li{margin:0;padding:0;background:none; box-shadow:0 0 20px rgba(0,0,0,0.1);border-radius:3px;border:0 none;-webkit-transition:all 0.3s linear;transition:all 0.3s linear;}
.waterfall li:hover{-webkit-transform:translate(0,-5px);-moz-transform:translate(0,-5px);-o-transform:translate(0,-5px);-ms-transform:translate(0,-5px);transform:translate(0,-5px);}
/*论坛详情*/
.ltnbanner{padding:0 0 80px; text-align: center;}
.ltnbanner em, .guidebanner em{margin: 0 5px;}
.wpui_ltnfl{float: left; width: 920px;}
.wpui_ltnfr{float: right; width: 220px;}
.wpui_sidepost{background: #2d497b; color: #fff; font-size: 18px; text-align: center; display: block; width: 100%; height: 50px; line-height: 50px; border-radius: 2px; margin-bottom: 20px; margin-top: 10px;}
.wpui_sidepost:hover{color: #fff;background: #2d3b59;}
.wpui_sidepost_fhbtn{background: #f6f6f6; color: #666; font-size: 18px; text-align: center; display: block; width: 100%; height: 50px; line-height: 50px; border-radius: 2px; margin-bottom: 20px;}
.wpui_sidepost_fhbtn a{display: block;}
.ltn_cttop{font-size: 24px; padding-bottom: 15px;}
#modmenu{margin-bottom: 10px;}
.sxptr_lhm{text-align: center;}
.userximg img{border-radius: 50%;}
.ltnlistbox{ border-bottom: 1px #eee solid; padding:10px 0; margin-bottom: 10px;}
.ltnlistbox .plc, .ltnlistbox .pls{background: #fff;}
.ltnlistbox .pi{border-color: #fff;}
.ltnlistbox .plc .pi{margin-bottom: 0;}
.wpui_canyubox{float: left; padding:30px 0;}
.wpui_forumdisplay{margin:30px 0;}
.wpui_side_post{ height: 36px; line-height: 36px; float: left; display: inline-block; padding:0 20px; background: #2d497b; color: #fff; border-radius: 2px;}
.wpui_side_post:hover{color: #fff; background: #2d3b59;}
.ydphtitle{line-height: 40px; font-size: 16px;}
.newtie_bd{ font-size: 14px; margin-top: 5px;}
.newtie_bd li{padding:10px 0; width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.newtie_bd li i{float: left; display: inline-block; padding: 3px 6px; line-height: 14px; font-size: 14px; color: #FFF; background: #CCC; margin-right: 10px;}
.newtie_bd li i.ida1, .newtie_bd li i.ida2, .newtie_bd li i.ida3{background: #2d497b;}
.newtie_bd li em{float: right; color: #888;}
.newtie_bd li span{width: 68%; float: left; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
/*导读*/
.guidebox{margin-bottom: 30px;}
.guidebox .bm_h{padding:0 20px; border:0 none; font-size: 14px;}
.guidebox .bm_h h2{font-size: 16px;}
.guidebox .xl2{background: none;}
.guidebox .xl2 li{line-height: 30px; height: 30px; position: relative;padding:10px 0; border-bottom: 1px #eee dashed; width: 100%;}
.guidebox .xl2 li i{font-size: 14px; font-weight: bold;}
.guidebox .xl2 .xl2_r i{padding-left: 0;}
.guidebox .xl2 li em{padding-right: 0; font-size: 14px;}
.guidebox .xg1{margin-left: 10px; display: inline-block;}
.guidebox .xg1 a{padding:0 15px; color: #2d497b !important; background:#f3f3f3; border-radius: 30px; display: inline-block; font-size: 13px;}
